import loadScript from "./loadScript";
import ELEMENT from "element-ui";
import pluginsConfig from "./pluginsConfig";

// monaco-editor单例
let monacoEidtor;

/**
 * 动态加载monaco-editor cdn资源
 * @param {Function} cb 回调，必填
 */
export default function loadMonaco(cb) {
  if (monacoEidtor) {
    cb(monacoEidtor);
    return;
  }

  const { monacoEditorUrl: vs } = pluginsConfig;

  // 使用element ui实现加载提示
  const loading = ELEMENT.Loading.service({
    fullscreen: true,
    lock: true,
    text: "编辑器资源初始化中...",
    spinner: "el-icon-loading",
    background: "rgba(255, 255, 255, 0.5)",
  });

  !window.require && (window.require = {});
  !window.require.paths && (window.require.paths = {});
  window.require.paths.vs = vs;

  loadScript(`${vs}/loader.js`, () => {
    window.require(["vs/editor/editor.main"], () => {
      loading.close();
      monacoEidtor = window.monaco;
      cb(monacoEidtor);
    });
  });
}
